<!DOCTYPE HTML>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>上榜规则</title>
    <style type="text/css">
        html,
        body,
        ul {
            height: 100%;
            width: 100%;
            font-family: "Microsoft YaHei", "微软雅黑", tahoma, arial, simsun, "宋体";
            font-size: 18px;
            color: #040404;
            line-height: 1.5;
            padding: 0px;
            margin: 0px;
        }

        ul {
            list-style: none outside none;
        }

        ul h2 {
            color: #000;
            font-size: 17px;
            font-weight: normal;
            line-height: 1.5;
            margin: 0px;
        }

        ul li {
            position: relative;
            padding: 12px 0;
            margin: 0 12px;
            border-bottom: #e8e8e8 solid 1px;
        }

        .content {
            display: none;
            color: #000;
            font-size: 16px;
            padding-top: 10px;
            padding-left: 18px;
        }

        ul li span {
            display: block;
            width: 90%;
        }

        a {
            text-decoration: none;
        }

        a:focus {
            outline: none;
        }

        ul li a span {
            -webkit-tap-highlight-color: transparent;
            -webkit-user-select: none;
            -webkit-touch-callout: none;
        }

        .arw_img img {
            float: right;
            width: 10px;
            height: 10px;
            margin-top: 8px;
        }

        .arw_img {
            float: right;
            width: 16px;
            height: 28px;
            background: url(../../image/index/arw_u.png) no-repeat center;
            background-size: 8px;
        }

        .arw_img_d {
            float: right;
            width: 28px;
            height: 16px;
            background: url(../../image/index/arw_d.png) no-repeat center;
            background-size: 14px;
        }

        table.gridtable {
            font-family: verdana, arial, sans-serif;
            font-size: 11px;
            color: #333333;
            border-width: 1px;
            border-color: #666666;
            border-collapse: collapse;
            margin: 0 auto;
        }

        table.gridtable th {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #dedede;
        }

        table.gridtable td {
            border-width: 1px;
            padding: 8px;
            border-style: solid;
            border-color: #666666;
            background-color: #ffffff;
        }
    </style>
</head>

<body style="background-color: transparent;">
    <div style="-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff">
        <ul>
            <li id="Li1">
                <div class="arw_img"></div>
                <h2>恩爱榜</h2>
                <div class="content">
                    同城：今日同城内两个人亲密度之和排序<br>
                    日榜：今日内两个人亲密度之和排序<br>
                    周榜：本周内两个人亲密度之和排序<br>
                    总榜：历史以来两个人亲密度之和排序<br>
                    互相守护、送礼才能上恩爱榜<br>
                </div>
            </li>
            <li id="Li2">
                <div class="arw_img"></div>
                <h2>女神榜</h2>
                <div class="content">
                    同城：今日同城内收礼物钻石总数排序<br>
                    日榜：今日内收礼物钻石总数排序<br>
                    新人：最近7天注册的今日收到礼物钻石总数排序<br>
                    周榜：1周内收到礼物钻石总数排序<br>
                    总榜：到目前为止的所收礼物钻石总数排序<br>
                </div>
            </li>
            <li id="Li3">
                <div class="arw_img"></div>
                <h2>富豪榜</h2>
                <div class="content">
                    同城：今日同城内送出礼物钻石总数排序<br>
                    日榜：今日内送出礼物钻石总数排序<br>
                    新贵：最近7天注册的今日送出礼物钻石总数排序<br>
                    周榜：1周内送出礼物钻石总数排序<br>
                    总榜：到目前为止的所送出礼物钻石总数排序<br>
                </div>
            </li>
            <li id="Li4">
                <div class="arw_img"></div>
                <h2>男神榜</h2>
                <div class="content">
                    同城：今日同城内收礼物钻石总数排序<br>
                    日榜：今日内收礼物钻石总数排序<br>
                    新人：最近7天注册的今日收到礼物钻石总数排序<br>
                    周榜：1周内收到礼物钻石总数排序<br>
                    总榜：到目前为止的所收礼物钻石总数排序<br>
                </div>
            </li>
            <li id="Li5">
                <div class="arw_img"></div>
                <h2>家族榜</h2>
                <div class="content">
                    同城：今日同城内增加的威望值排序<br>
                    日榜：今日内增加的威望值排序<br>
                    周榜：1周内增加的威望值排序<br>
                    总榜：到目前为止的所有威望值排序<br>
                    收、送礼物、家族签到都可增加威望值<br>
                </div>
            </li>
            <li id="Li6">
                <div class="arw_img"></div>
                <h2>魅力榜</h2>
                <div class="content">
                    同城：今日同城内增加的魅力值排序<br>
                    日榜：今日内增加的魅力值排序<br>
                    总榜：到目前为止的所有魅力值排序<br>
                    头像、照片、语音签名、动态被点赞和签到都可增加魅力值，真人认证后被点赞魅力值有加成。收送礼物不再增加魅力榜指数，但增加魅力值。<br>
                </div>
            </li>
            <li id="Li7">
                <div class="arw_img"></div>
                <h2>天籁榜</h2>
                <div class="content">
                    同城：今日同城内获得语音点赞数排序<br>
                    日榜：今日内获得语音点赞数排序<br>
                    总榜：到目前为止的所获得语音点赞数排序<br>
                </div>
            </li>

        </ul>
    </div>
    <script type="text/javascript" src="http://img1.liang520.com/vhuaboss/js/zepto.min.js">
    </script>
    <script type="text/javascript">
        if (!navigator.userAgent.match(/ipad|iphone os/i)) {
            $("#ios_setting").remove();
        }
        $("li").click(function () {
            var div = $(this).find(".content");
            if (div.css('display') == 'none') {
                $(".content").hide('slow');
                div.show('slow');
                $("ul>li>div.arw_img").eq($(this).index()).addClass('arw_img_d');
                //location.href = "#" + this.id;
            } else {
                div.hide();
                $(this).find("div.arw_img").removeClass('arw_img_d');
            }
        });
        $("h2").each(function (n) {
            this.innerHTML = (n + 1) + ". " + this.innerHTML;
        });
    </script>
</body>

</html>